#cart-container {  
    max-width: 1000px; 
    margin: 0 auto;  
    padding: 20px;  
    margin-top: 50px;  
    background-color: #f7f2f0;  
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
    position: relative;  
    padding-bottom: 60px; 
    width: 90%; 
    margin: 0 auto; 
    padding: 30px; 
    height: 700px; 
}   
 
#cart-container h2 {  
    margin-top: 20px;
    text-align: center;  
    color: #8854d0;   
}  
  /* 购物车类型 */
#cart-table {  
    width: 100%;  
    border-collapse: collapse;  
}  
  
#cart-table th,  
#cart-table td {  
    border: 1px solid #e0d7e5;   
    padding: 8px;  
    text-align: left;  
    background-color: #f7f2f0;  
}  
  
#cart-table th {  
    background-color: #d1c4e9;   
    color: #fff;   
}  
  
#cart-table tr:nth-child(even) {  
    background-color: #f0ecf4;   
}  
  /* 总计 */
#cartSummary {  
    margin-top: 20px;  
    font-size: 20px;  
    color: #ff5733;  
    text-align: right;  
    margin-right: 80px;  
}  
  /* 结算按钮 */
.cart-button {  
    display: inline-block;  
    padding: 10px 20px;  
    margin-top: 10px;  
    font-size: 16px;  
    color: #fff;  
    border-radius: 4px;  
    text-decoration: none;  
    transition: all 0.3s ease;  
}  
  
.cart-button-pink {  
    background-color: #ff69b4; 
}  
  
.cart-button-blue {  
    background-color: #6495ed;  
}  
  
.cart-button-yellow {  
    background-color: #ffd700;  
    color: #333;  
}
#checkoutButton {  
    position: absolute;   
    bottom: 20px;   
    right: 20px;  
    padding: 10px 20px;   
    font-size: 16px;  
    color: #fff;  
    background-color: #ff5733;   
    border: none; /* 移除边框 */  
    border-radius: 4px; 
    cursor: pointer; /* 鼠标悬停时显示小手图标 */  
    transition: all 0.3s ease;   
}  
  
#checkoutButton:hover {  
    background-color: #ff7b5d;   
}  